<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>添加系统用户</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="./../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      .borderless-input .el-input__wrapper {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
      }

      /* 移除聚焦状态样式 */
      .borderless-input .el-input__wrapper.is-focus {
        box-shadow: none !important;
      }
      .el-select__wrapper {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
      }
      /* 控制 el-descriptions-item 中 label 的宽度 */
      .el-descriptions-item__label {
        width: 50px !important; /* 你可以根据需要调整这个宽度值 */
        display: inline-block !important;
      }
      .botton-ann {
        background-color: #eff5ff 0, #e0ecff 100%;
        padding: 8px;
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .upload_file.none .el-upload {
        display: none;
      }
    </style>
  </head>

  <body>
    <div class="easyui-navpanel" id="app">
      <header>
        <div class="m-toolbar">
          <div class="m-title">添加系统用户</div>
        </div>
      </header>
      <div
        class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder"
        style="height: 3000px"
        id="MainTable"
        ref="MainTable"
        :data-options="JSON.stringify({ 'TableName': 'party_fees', 'form': 'party_fees' })"
      >
        <el-descriptions :column="1" size="large" border>
          <el-descriptions-item :width="20">
            <template #label>
              <div class="cell-item">配置权限人员</div>
            </template>
            <el-select
              v-model="base_system_user_info.Name"
              placeholder="请选择配置权限人员"
              size="large"
            >
              <el-option
                v-for="item in personal_information"
                :key="item.ID_Card_Number"
                :label="item.Personal_Name"
                :value="item.ID_Card_Number"
              />
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">用户名</div>
            </template>
            <el-input
              ref="User_Number"
              v-model="base_system_user_info.User_Number"
              class="borderless-input"
              placeholder="请输入用户名"
            />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">密码</div>
            </template>
            <el-input
              ref="Pass_Word"
              v-model="base_system_user_info.Pass_Word"
              class="borderless-input"
              placeholder="请输入密码"
            />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">身份</div>
            </template>
            <el-select
              v-model="base_system_user_info.Admin_Type"
              placeholder="请选择身份"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <footer class="botton-ann">
        <el-button @click="window.history.back()">返回</el-button>
        <el-button type="primary" plain @click="submitForm('contract')"
          >提交</el-button
        >
      </footer>
    </div>
    <script src="../../yl/vue.js"></script>
    <script src="../../config/config.js"></script>
    <script src="../../yl/index.js"></script>
    <script src="../../yl/index.iife.min.js"></script>
    <script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
    <script src="../../yl/jquery.easyui.min.js"></script>
    <script src="../../yl/jquery.easyui.mobile.js"></script>
    <script src="../../yl/moment.min.js"></script>
    <script src="../../api/request.js"></script>
    <script src="js/add.js"></script>
  </body>
</html>
